﻿* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Verdana,Arial,sans-serif; color: #44525e; }
.clear { clear: both; }
img { border: none; }
ul, dt, ol { list-style-type: none; }
hr { border: 0; border-top: 1px dotted #a4a4a4 }
h1, h2, h3, h4, h5 { color: #44525e; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
a { color: #267cb2; text-decoration: none }
a:hover { color: #267cb2; text-decoration: underline }
a.inactive { color: #999 !important; }
a.current, a.selected { color: #4db0ea !important; }
table { border-spacing: 0; border-collapse: collapse; }

.separator { padding: 0 0.2em; color: #bebebe; }

.empty, .empty span { font-size: 1.1em; line-height: 2em; text-transform: uppercase; text-align: center; display: block; background-color: #f0f3f4; color: #777; }
td.empty { width: 100%; display: table-cell; }

.bar > *, 
.cloud > * { display: inline-block; }
.cloud > li { margin: 0.2em; padding: 0.2em 0.3em; }
.bar > li.empty,
.cloud > li.empty { display: block; }
.cloud.bordered > li { border: 1px solid #aaa; }

.inlinebar { display: inline-block; text-transform: uppercase; border: 1px; font-size: 0.8em; clear: both; }
.inlinebar a { text-decoration: none; padding: 0 0.5em; font-weight: bold; }
.inlinebar a:hover { color: #599fcf; }
.inlinebar { border-style: solid; border-color: #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }
.inlinebar { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.inlinebar { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.statusbar { display: block; border: 1px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; opacity: 0.8; filter: alpha(opacity=80); }
.statusbar ul { font-weight: bold; margin: 0.5em 2em; text-align: center; }
.statusbar .error, .validate-error { color: #f00; }
.statusbar,
span.validate-success,
span.validate-error { border-style: solid; border-color: #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; }

form > table { width: 100%; }
form > table textarea,
form > table input,
form > table select,
form > ul input,
form > ul select { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
form > ul input[type=password],
form > ul input[type=text],
form > ul select,
form > table input[type=text],
form > table input[type=password],
form > table select,
form textarea { width: 100%; }
form textarea { height: 10em; }
form > table td:first-child { text-align: right; white-space: nowrap; vertical-align: top; }
form > table > tbody > tr > td:first-child > * { display: inline-block; }
form > table > tbody > tr > td:first-child > .ui-icon { vertical-align: text-bottom; }
form > table td:last-child { text-align: left; width: 100%; }
form > table td { position: relative; padding: 0.3em 0.5em; }
form > table td > span.hint { font-size: 0.8em; color: #777; }
form > ul { list-style-type: none; }
form > ul li { position: relative; padding: 0.3em 0; }
form > table td > span.validate-error,
form > table td > span.validate-success,
form > ul li > span.validate-error,
form > ul li > span.validate-success { padding: 0.2em 1em; font-size: 0.85em; border: 0; position: absolute; right: 1em; top: 0; white-space: nowrap; opacity: 0.9; filter: alpha(opacity=90); }
form > .toolbar { text-align: center; margin: 0.5em 1em; }
form > .toolbar .button { font-size: 1em; }

.search-form { background: #fff; padding: 1px; }
.search-form input[type=text] { line-height: 21px; padding: 2px 5px; height: 25px; border: none; }
.search-form input:focus { outline: 0; }
.search-form input[type=submit] { height: 23px; width: 60px; cursor: pointer; }
.search-form .hint { font-size: 0.9em; background: none; margin: 0; padding: 0.3em 1em; }
.common-form { padding: 1em; background: #f0f3f4; border: 1px dotted #999; border-width: 1px 0; color: #343434; }
.page-form { border: 1px solid #999; padding: 1em 2em; margin: 0 0.5em; }

.html,
.hint { background: #f7f7ff; }
.html { padding: 0 0.5em; }
.hint { display: block; margin: 0.5em 0; padding: 0 0.5em; }
.footnote { vertical-align: super; font-size: 0.9em; }

.html code { color: #008; display: block; font-weight: normal; min-height: 16px; overflow-x: auto; overflow-y: auto; padding: 0.5em; margin: 0.5em; white-space: pre; }
.html blockquote { margin: 0.5em; font-style: italic; }
.html blockquote cite { font-weight: bold; margin-bottom: 0.5em; display: block; }
.html ul,
.hint ul,
.html ol,
.hint ol { padding: 0.5em 0 0.5em 2em; }
.html ul,
.hint ul { list-style-type: circle; }
.html ol,
.hint ol { list-style-type: decimal; }
.html ul li,
.html ol li,
.hint ul li,
.hint ol li { padding: 0.2em 0; }
.html p,
.hint p { padding: 0.5em 0; }
.html h3 { padding: 0.5em 0; }

.price-tag { color: #900; }

.pager { padding: 0.5em 1em; display: block; text-align: center; }
.pager a { font-size: 0.9em; font-weight: bold; }
.pager div { display: inline-block; }
.pager div:first-child { margin-right: 1em; }
.pager div:last-child { margin-left: 1em; }

.downloads li { list-style-type: disc; margin-left: 2em; }
.images li { display: inline-table; }
.images li a { width: 50px; height: 50px; text-align: center; vertical-align: middle; display: block; }

.unit > header > nav,
.unit > footer > nav { font-size: 0.9em; font-weight: bold; padding: 0.2em 0.5em; }

.unit-grid { text-align: center; }
.unit-grid > .unit { display: inline-block; text-align: left; vertical-align: top; border: 1px dotted #999; padding: 2px; margin: 0 5px 10px 0; }
.unit-grid > .unit > header { overflow: hidden; white-space: nowrap; }

.unit-table { width: 100%; color: #222; text-align: left; }
.unit-table > tbody > tr > * { vertical-align: top; border-bottom: 1px dotted #a4a4a4; }
.unit-table > thead > tr > th { border: dotted #a4a4a4; border-width: 1px 0; color: #595959; text-transform: uppercase; background-color: #f3f3f3; }
.unit-table > tbody > tr > th { font-weight: normal; }
.unit-table > * > tr > * { padding: 0.5em; }

.unit-list > .unit { margin-bottom: 0.5em; }
.unit-list > .unit > header { border-bottom: 1px dotted #a4a4a4; }
.unit-list > .unit > footer { border-top: 1px dotted #a4a4a4; }
.unit-list > .unit > header > *,
.unit-list > .unit > footer > nav > * { display: inline-block; }
.unit-list > .unit > footer > nav { text-align: right; }
.unit-list > .unit > section { margin: 0.3em 0; }
.unit-list.latest span { font-size: 0.95em; color: #777; }

.unit-overview > section > img { max-width: 75px; max-height: 75px; margin: 0 auto; display: block; }

.box > header > nav,
.box > footer > nav { font-size: 0.95em; font-weight: bold; padding: 0.2em 0.5em; }
.box > header > nav > *,
.box > footer > nav > * { display: inline-block; }

.page { min-width: 1000px; overflow: hidden; min-height: 100%; position: relative; }
.page:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0 }
.page > header { background: #262d64; height: 100px; margin-bottom: 1em; }
.page > header > div { width: 1000px; margin: 0 auto; height: 100px; }
.page > header > div > div { display: inline-block; height: 100px; float: left; }
.page > header > div > div.logo { width: 250px; }
.page > header > div > div.nav { width: 730px; padding: 0 0 0 20px; }
.page > header > div > div.logo img { width: 250px; height: 100px; }
.page > header nav.user { float: left; width: 310px; margin: 10px 0 0 10px; text-align: left; }
.page > header nav.user > span { color: #4db0ea; }
.page > header nav.user > ul > li { display: inline-block; }
.page > header nav.user > ul > li > a { color: #bedbff; padding: 2px 0.5em; line-height: 25px; height: 25px; }
.page > header nav.user > ul > li > a:hover { color: #262d64; background-color: #f0f3f4; text-decoration: none; border-top: 1px solid #a4a4a4; }
.page > header nav.user > ul > li.dropdown > ul { background-color: #f0f3f4; position: absolute; z-index: 99; top: -999em; display: block; width: 140px; padding: 10px 0; border-bottom: 2px solid #a4a4a4; }
.page > header nav.user > ul > li.dropdown:hover > a { background-color: #f0f3f4; color: #262d64; text-decoration: none; border-top: 1px solid #a4a4a4; }
.page > header nav.user > ul > li.dropdown:hover > ul { top: 45px; }
.page > header nav.user > ul > li.dropdown > ul > li > a { color: #262d64; display: block; position: relative; padding: 0.1em 1em; }
.page > header nav.user > ul > li.dropdown > ul > li:hover > a,
.page > header nav.user > ul > li.dropdown > ul > li a:hover { text-decoration: none; font-weight: bold; padding-left: 1.2em; }
.page > header nav.menu { clear: both; font-weight: bold; font-size: 1.2em; text-transform: uppercase; }
.page > header nav.menu li { margin-right: 1em; display: inline-block; }
.page > header nav.menu a { color: #fff; }
.page > header nav.menu a:hover { color: #4db0ea; text-decoration: none; }
.page > header .search-form { width: 400px; float: left; margin: 10px 0 20px 0; }
.page > header .search-form input[type=text] { width: 325px; }
.page > header .search-form input[type=submit] { width: 60px; }
.page > .content { margin: 0 auto; position: relative; width: 1001px; margin-bottom: 110px; }
.page > .content:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0 }
.page > .content > .main { width: 650px; float: left; border-right: 1px dotted #999; }
.page > .content > .main > header { margin-bottom: 1em; background-color: #557; padding: 0.3em 7px; border-bottom: 1px dotted #a4a4a4; font-weight: bold; }
.page > .content > .main > header > h1 {  width: 315px; display: inline-table; font-size: 1em; text-align: right; color: #fff; }
.page > .content > .main > header > nav.breadcrumb { width: 315px; display: inline-table; }
.page > .content > .main > header > nav.breadcrumb > * { display: inline-block; color: #fff; }
.page > .content > .main > header > nav.toolbar { font-size: 0.9em; color: #fff; margin-top: 0.5em; }
.page > .content > .main > header > nav.toolbar > a { color: #bedbff; }
.page > .content > .sidebar { width: 350px; float: left; }
.page > .content > .main > .box { margin-bottom: 2em; }
.page > .content > .main .box > header { border-bottom: 1px dotted #a4a4a4; }
.page > .content > .main .box > footer { border-top: 1px dotted #a4a4a4; }
.page > .content > .main .box > footer > nav { text-align: right; }
.page > .content > .main .box > header > nav.inline > *,
.page > .content > .main .box > footer > nav.inline > * { float: right; }
.page > .content > .sidebar .box { border-top: 1px dotted #a4a4a4; padding: 0.2em 0 0.2em 15px; }
.page > .content > .sidebar .box > header > h1 { font-size: 1.8em; } 
.page > .content > .sidebar .box > header > h2 { font-size: 1.6em; } 
.page > .content > .sidebar .box > header > h3 { font-size: 1.4em; } 
.page > .content > .sidebar .box > header > h4 { font-size: 1.2em; } 
.page > .content > .sidebar .box > header > h5 { font-size: 1em; } 
.page > .content > .sidebar .box > section { padding: 0.5em; }
.page > .content > .sidebar .box > header > nav > *,
.page > .content > .sidebar .box > footer > nav > * { float: right; }
.page > .content > .sidebar > .box > section > .rating { display: block; margin: 0.5em 0; padding: 0.5em; background: #f0f3f4; text-align: center; }
.page > .content > .sidebar > .box > section > .price-tag { padding: 1em; text-align: center; display: block; font-weight: bold; }
.page > .content .search-form { border: 1px dotted #999; }
.page > .content .search-form input[type=text] { border-bottom: 1px dotted #999; }
.page > .content > .main .search-form { margin-right: 5px; }
.page > .content > .main .search-form input[type=text] { min-width: 85%; }
.page > .content > .main .search-form input[type=submit] { width: 12%; }
.page > .content > .main .box > section { margin: 0.5em 0; }
.page > .content > .sidebar .search-form input[type=text] { min-width: 65%; }
.page > .content > .sidebar .search-form input[type=submit] { width: 25%; }
.page > .content > .sidebar .menu li { padding: 0.3em 1em; margin: 0; }
.page > .content > .sidebar .menu li:hover { background-color: #f0f3f4; padding-left: 0.7em; }
.page > .content > .sidebar .menu a:hover { text-decoration: none; }
.page > footer { background: #f1f4f4; position: absolute; color: #757575; bottom: 0; min-width: 100%; height: 60px; font-size: 0.9em; border-top: 1px dotted #999; }
.page > footer:after { clear: both; }
.page > footer > div { width: 1000px; margin: 0 auto; }
.page > footer .menu { display: block; margin: 20px 0 5px 0; clear: both; }
.page > footer .menu h2 { font-weight: normal; display: block; }
.page > footer .menu li { display: inline-block; }
.page > footer .copyrights { display: inline-block; margin-right: 10px; }
.page > footer .locales,
.page > footer .locales li { display: inline-block; }

.key-value { width: 100%; }
.key-value td:first-child { text-align: right; white-space: nowrap; vertical-align: top; }
.key-value td:last-child { text-align: left; width: 100%; }
.key-value td { padding: 0.3em 0.5em; }
.key-value th { font-size: 1.1em; text-align: left; padding: 1em 0; }
.key-value.highlight-key td:first-child { font-weight: bold; }

.columned { width: 100%; text-align: left; }
.columned > tbody > tr > * { vertical-align: top; border-bottom: 1px dotted #a4a4a4; }
.columned > thead > tr > th { border: dotted #a4a4a4; border-width: 1px 0; color: #595959; text-transform: uppercase; background-color: #f3f3f3; }
.columned > tbody > tr > th { font-weight: normal; }
.columned > * > tr > * { padding: 0.5em; }

.unit-grid >.unit.catalog-item,
.unit-grid >.unit.sales-item { width: 140px; }
.unit-grid >.unit.catalog-item > header,
.unit-grid >.unit.sales-item > header { padding: 0.1em 0.3em; }
.unit-grid >.unit.catalog-item > section,
.unit-grid >.unit.sales-item > section { padding: 0.5em 0; }
.unit-grid >.unit.catalog-item > section > a,
.unit-grid >.unit.sales-item > section > a { width: 140px; height: 100px; display: block; vertical-align: middle; text-align: center; }
.unit-grid >.unit.catalog-item > section > a > img,
.unit-grid >.unit.sales-item > section > a > img { max-width: 100px; max-height: 100px; }
.unit-grid >.unit.catalog-item > section > .html,
.unit-grid >.unit.sales-item > section > .html { height: 50px; overflow: hidden; }

.unit-grid > .unit.sales-item > footer { padding: 0 0.5em; }
.unit-grid > .unit.sales-item .price-tag { text-align: center; display: block; }
.unit-grid > .unit.sales-item .rating { float: right; }

.unit-list > .unit.catalog-item > header,
.unit-list > .unit.sales-item > header { padding: 0.1em 0.3em; }
.unit-list > .unit.catalog-item > header a,
.unit-list > .unit.sales-item > header a { font-weight: bold; }
.unit-list > .unit.catalog-item > section,
.unit-list > .unit.sales-item > section { padding: 0.5em 0; min-height: 75px; }
.unit-list > .unit.catalog-item > section > a,
.unit-list > .unit.sales-item > section > a { width: 100px; height: 75px; display: block; vertical-align: middle; text-align: center; float: left; }
.unit-list > .unit.catalog-item > section > a > img,
.unit-list > .unit.sales-item > section > a > img { max-width: 100px; max-height: 75px; }
.unit-list > .unit.catalog-item > section > .html,
.unit-list > .unit.sales-item > section > .html { min-height: 75px; margin-left: 100px; }
.unit-list > .unit.catalog-item > footer .rating,
.unit-list > .unit.sales-item > footer .rating { text-align: right; }

.unit-list > .unit.sales-item .price-tag { padding: 0 1em; }
.unit-list > .unit.sales-item > header nav { float: right; padding: 0 0.3em; }

.unit-grid > .unit.catalog-supplier { width: 200px; }
.unit-grid > .unit.catalog-supplier > header { padding: 0.1em 0.3em; }
.unit-grid > .unit.catalog-supplier > section { padding: 0.5em 0; }
.unit-grid > .unit.catalog-supplier > section > a { width: 200px; height: 100px; display: block; vertical-align: middle; text-align: center; }
.unit-grid > .unit.catalog-supplier > section > a > img { max-width: 100px; max-height: 100px; }
.unit-grid > .unit.catalog-supplier > section > .html { height: 50px; overflow: hidden; }

.unit-list > .unit.catalog-supplier > header { padding: 0.1em 0.3em; }
.unit-list > .unit.catalog-supplier > header a { font-weight: bold; }
.unit-list > .unit.catalog-supplier > section { padding: 0.5em 0; min-height: 100px; }
.unit-list > .unit.catalog-supplier > section > a { width: 140px; height: 100px; display: block; vertical-align: middle; text-align: center; float: left; }
.unit-list > .unit.catalog-supplier > section > a > img { max-width: 100px; max-height: 100px; }
.unit-list > .unit.catalog-supplier > section > .html { height: 100px; margin-left: 150px; }
.unit-list > .unit.catalog-supplier > footer .rating { text-align: right; }

.unit-list .unit.activity { padding: 1em; background: #f7f7ff; }
.unit-list .unit.activity > a { font-weight: bold; text-align: right; }
.unit-list .unit.activity > p { padding: 0.5em;  border-top: 1px dotted #a4a4a4; }

.unit-table.forum { text-align: center; }
.unit-table .unit.forum { text-align: center; }
.unit-table .unit.forum td:first-child { text-align: left; width: 50%; }
.unit-table .unit.forum td:last-child { text-align: right; padding-left: 1em; font-size: 0.9em; }

.unit-table.forum-topic { text-align: center; }
.unit-table.forum-topic td:first-child,
.unit-table.forum-topic th:first-child { text-align: left; width: 60%; }
.unit-table.forum-topic td:last-child,
.unit-table.forum-topic th:last-child { text-align: left; width: 30%; }
.unit-table.forum-topic td:last-child { text-align: right; padding-left: 1em; font-size: 0.9em; }
.unit-table.forum-topic .announcement { border-left: 1px solid #ac1616; }
.unit-table.forum-topic .general,
.unit-table.forum-topic .question { border-left: 1px solid #a4a4a4; }

.filter > dl { border: 1px dotted #a4a4a4; border-width: 1px 0 1px 1px; max-height: 300px; overflow-y: scroll; padding: 0.3em; }
.filter > dl > dt { font-weight: bold; background-color: #f0f3f4; padding: 0.2em 0.5em 0.2em 1em; margin-bottom: 0.5em; }
.filter > dl > dd { padding: 0.1em 0.5em; }
.filter > dl > dd > span { color: #777; }
.filter > * { margin: 0.5em 0; }

.unit-table.shopping-cart-item { text-align: center; }
.unit-table .unit.shopping-cart-item > td:first-child { text-align: left; }
.unit-table .unit.shopping-cart-item > td:first-child > a { font-weight: bold; }
.unit-table .unit.shopping-cart-item > td:last-child { width: 20px; }
.unit-table .unit.shopping-cart-item .key-value { border: 1px dotted #a4a4a4; font-size: 0.9em; }
.unit-table.shopping-cart-item tfoot > tr > td { font-weight: bold; text-align: right; }

.unit-overview.shopping-cart .unit-table.shopping-cart-item .unit > td { width: 33%; }

.unit-table.article th { text-align: center; width: 30%; }
.unit-table.article ul { list-style-type: circle; list-style-position: inside; }

.ui-tabs { border: 0; }
.ui-tabs-nav { background: none; border: 1px dotted #a4a4a4; border-top: 0; border-left: 0; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; }

.unit-list.payment-method > .unit > header,
.unit-list.sales-model > .unit > header,
.unit-list.shipping-option > .unit > header { background-color: #e6e6e6; padding: 0.3em 1em; font-weight: bold; }

.unit-grid > .unit.order { width: 280px; }
.unit-grid > .unit.invoice { width: 240px; }
.unit-grid > .unit.payment { width: 240px; }

.unit-list > .unit.address > section > span,
.unit-grid > .unit.address > section > span { display: list-item; }
.unit-list > .unit.address > section { display: inline-table; }

.unit-list > .unit.card > header,
.unit-grid > .unit.card > header { background-color: #e6e6e6; padding: 0.3em 1em; font-weight: bold; }
.unit-list > .unit.card > section,
.unit-grid > .unit.card > section { vertical-align: top; padding: 0.5em; }
.unit-list > .unit.card > footer,
.unit-grid > .unit.card > footer { padding: 0.2em 0.5em; text-align: right; }

.unit.review .rateit { float: left; margin: 0.2em 1em 0.2em 0.2em; }
.unit.review.inactive,
.unit.comment.inactive { opacity: 0.7; filter: alpha(opacity=70); }

.unit-table.order-item > * > tr > *:first-child { width: 40%; }
.unit-table.order-item > tfoot > tr > td > .toolbar { text-align: center; }

.unit-list.forum-post > .unit.useful > section { border-left: 2px solid #72bd2d; }
.unit-list.forum-post > .unit.useless > section { border-left: 2px solid #ac1616; }

.forum-topic-entry > header { border-bottom: 1px dotted #a4a4a4; }
.forum-topic-entry > section { border-left: 2px solid #a4a4a4; margin: 0.3em 0; }
.forum-topic-entry > header > nav > img { max-height: 32px; max-width: 32px; }
.forum-topic-entry .html.text-short { text-align: right; color: #777; font-size: 0.9em; }

.unit-list.file-folder { border-left: 1px dashed #a4a4a4; }
.unit-list.file-folder .unit-list.file-folder { margin-left: 2em; }
.unit-list .unit.file-folder > label { padding: 0.5em 0; display: block; }

.ie7 .bar > *, 
.ie7 .cloud > *,
.ie7 .inlinebar,
.ie7 .img-list li,
.ie7 .unit-grid > .unit,
.ie7 .unit-list > .unit > footer > nav > *,
.ie7 .box > header > nav > *,
.ie7 .box > footer > nav > *,
.ie7 .page > header > div > div,
.ie7 .page > header nav.user > ul > li,
.ie7 .page > header nav.menu li,
.ie7 .page > .content > .main > nav.breadcrumb *,
.ie7 .page > footer .menu li,
.ie7 .pager > div,
.ie7 form > table > tbody > tr > td:first-child > * { *display: inline; }
.ie7 .page > header .search-form input[type=text] { width: 315px; }
.ie7 .page > header nav.user > ul > li.dropdown:hover > ul { margin-left: -4em; }

.firefox3 form > ul li,
.firefox3 form > table td,
.firefox3 form > table td > span.validate-error,
.firefox3 form > table td > span.validate-success,
.firefox3 form > ul li > span.validate-error,
.firefox3 form > ul li > span.validate-success { position: inherit; }

.firefox12 form > ul li,
.firefox12 form > table td,
.firefox12 form > table td > span.validate-error,
.firefox12 form > table td > span.validate-success,
.firefox12 form > ul li > span.validate-error,
.firefox12 form > ul li > span.validate-success { position: inherit; }